<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="renderer" content="webkit">
<title>个人账户</title>
<link rel="stylesheet" href="../../Content/css/bootstrap.min.css" />
<link rel="stylesheet" href="../../Content/css/font-awesome.min.css" />
<link rel="stylesheet" href="../../Content/css/datepicker.css"/>
<link rel="stylesheet" href="../../Content/css/base.css" />
<link rel="stylesheet" type="text/css" href="../../Content/css/user.css"/>
 <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>
	<header id="header">
		<!--头部文件从最下面load读取 ../public/head.html--> 
	</header>
<div class="main" id="main">
	<div class="container">
		<!--基本信息-->
		<div class="panel panel-default JSpanel">
	      <div class="panel-heading">个人信息 <span class="pull-right edit"><a href="#">修改</a></span></div>
	      <div class="panel-body">
	      		<ul class="list-unstyled form-horizontal padding20">
	      			<li class="col-md-12">
	      				<div class="form-group col-md-6">
			      			<label class="control-label col-md-4">用户名 ：</label>
			      			<label class="control-label col-md-7 text-left">李莉</label>
			      			<div class="col-md-7 input-hide">
			      				<input class="form-control" type="text" value="李莉" />
			      			</div>
			      		</div>
	      			</li>
	      			<li class="col-md-12">
	      				<div class="form-group col-md-6">
			      			<label class="control-label col-md-4">性别：</label>
			      			<label class="control-label col-md-7 text-left">女</label>
			      			<div class="col-md-7 input-hide">
			      				<label class="radio-inline">
								  <input type="radio" name=" " id=" " value="option2" checked=""> 男
								</label>
								<label class="radio-inline">
								  <input type="radio" name=" " id=" " value="option3"> 女
								</label>
			      			</div>
			      		</div>
	      			</li>
	      			<li class="col-md-12">
	      				<div class="form-group col-md-6">
			      			<label class="control-label col-md-4">所在公司  ：</label>
			      			<label class="control-label col-md-7 text-left">北京伯乐咨询有限公司</label>
			      			<div class="col-md-7 input-hide">
			      				<input class="form-control" type="text" value="13436595105" />
			      			</div>
			      		</div>
	      			</li>
	      			<li class="col-md-12">
	      				<div class="form-group col-md-6">
			      			<label class="control-label col-md-4"><em class="red">*</em> 办公电话：</label>
			      			<label class="control-label col-md-7 text-left">010-5656568-022</label>
			      			<div class="col-md-7 form-inline  input-hide">
			      				<input class="form-control" style="width: 40px; padding-right: 0;" type="text" value="010" /> -
			      				<input class="form-control" type="text" style="width: 75px;padding: 0;"  value="5656568" /> -
			      				<input class="form-control" type="text" style="width: 40px;padding-right: 0;"  value="022" />
			      			</div>
			      		</div>
	      			</li>
	      			<li class="col-md-12">
	      				<div class="form-group col-md-6">
			      			<label class="control-label col-md-4">手机号：</label>
			      			<label class="control-label col-md-5 text-left">13436595105 </label>
			      			<div class="col-md-5 input-hide">
			      				<input class="form-control" type="text" value="13436595105" />
			      			</div>
			      			<a class="btn btn-default col-md-3">获取短信验证码</a>
			      		</div>
	      			</li>
	      			<li class="col-md-12">
	      				<div class="form-group col-md-6">
			      			<label class="control-label col-md-4"><em class="red">*</em> 短信验证码：</label>
			      			<div class="col-md-5">
			      				<input class="form-control" type="text" />
			      			</div>
			      		</div>
	      			</li>
	      			<li class="col-md-12">
	      				<div class="form-group col-md-6">
			      			<label class="control-label col-md-4">邮箱：</label>
			      			<label class="control-label col-md-7 text-left">ldw1216@foxmail.com </label>
			      			<div class="col-md-7 input-hide">
			      				<input class="form-control" type="text" value="ldw1216@foxmail.com" />
			      			</div>
			      		</div>
	      			</li>
	      			
	      			<li class="col-md-12">
	      				<div class="form-group col-md-6">
			      			<label class="control-label col-md-4"><em class="red">*</em>  微信：</label>
			      			<label class="control-label col-md-7 text-left">1234125@qq.com</label>
			      			<div class="col-md-7 input-hide">
			      				<input class="form-control" type="text" value="1234125@qq.com" />
			      			</div>
			      		</div>
	      			</li>
	      			<li class="col-md-12">
	      				<div class="form-group col-md-6">
	      					<label class="control-label col-md-4">从业时间：</label>
	      					<label class="control-label col-md-7 text-left">2012-06-15</label>
			      			<div class="col-md-7 input-hide">
			      				<input  id="datetimepicker1" class="form-control" data-format="yyyy-mm-dd" value="2012-06-15"type="text"></input>
			      			</div>
	      				</div>
	      			</li>
	      			<li class="col-md-12">
	      				<div class="form-group col-md-6">
	      					<label class="control-label col-md-4"><em class="red">*</em> 擅长行业：</label>
	      					<label class="control-label col-md-7 text-left">基金/证券/期货/投资</label>
			      			<div class="col-md-7 input-hide">
			      				<input type="text" class="form-control"></input>
			      			</div>
	      				</div>
	      			</li>
	      		</ul>
	      </div>
	    </div>
	    <!--公司信息-->
	    <div class="panel panel-default JSpanel">
	      <div class="panel-heading">公司信息 - <small>未认证用户</small>  <span class="pull-right edit"><a href="#">修改</a></span></div>
	      <div class="panel-body">
		      	<div class="form-horizontal padding20">
		      		<div class="form-group">
		      			<label class="control-label col-md-2">企业名称：</label>
		      			<label class="control-label col-md-3 text-left">北京可口可乐有限公司</label>
		      			<div class="col-md-3 input-hide">
		      				<input class="form-control" type="text" value="北京可口可乐有限公司" />
		      			</div>
		      		</div>
		      		<div class="form-group">
		      			<label class="control-label col-md-2"><span class="red">*</span>企业简称：</label>
		      			<label class="control-label col-md-3 text-left">北京可口可乐有限公司</label>
		      			<div class="col-md-3  input-hide">
		      				<input class="form-control" type="text" value="北京可口可乐有限公司" />
		      			</div>
		      		</div>
		      		<div class="form-group">
		      			<label class="control-label col-md-2">公司Logo：</label>
		      			<div class="col-md-3 ">
							<img  class="thumbnail" src="../../Content/images/logo1.png"/>
							<a class="btn btn-primary" href="#">上传公司logo</a>
						</div>
						
		      			
		      		</div>
		      		<div class="form-group">
		      			<label class="control-label col-md-2"><span class="red">*</span> 所在地：</label>
		      			<label class="control-label col-md-3 text-left">北京市朝阳区</label>
		      			<div class="col-md-3  input-hide">
		      				<input class="form-control" type="text" value="省、市、县 三级联动" />
		      			</div>
		      		</div>
		      		<div class="form-group">
		      			<label class="control-label col-md-2"><span class="red">*</span> 公司电话：</label>
		      			<label class="control-label col-md-3 text-left">010 - 57741529 - 503</label>
		      			<div class="col-md-3 form-inline  input-hide">
		      				<input class="form-control" style="width: 40px; padding-right: 0;" type="text" value="010" /> -
		      				<input class="form-control" type="text" style="width: 75px;padding: 0;"  value="57741529" /> -
		      				<input class="form-control" type="text" style="width: 40px;padding-right: 0;"  value="033" />
		      			</div>
		      		</div>
		      		<div class="form-group">
		      			<label class="control-label col-md-2"><span class="red">*</span> 公司地址：</label>
		      			<label class="control-label col-md-3 text-left">大北窗西里东街一号院</label>
		      			<div class="col-md-3  input-hide">
		      				<input class="form-control" type="text" value="北京市房山区大村庄	" />
		      			</div>
		      		</div>
		      		<div class="form-group">
		      			<label class="control-label col-md-2"><span class="red">*</span> 公司规模：</label>
		      			<label class="control-label col-md-3 text-left">0-49人</label>
		      			<div class="col-md-3  input-hide">
		      				<select name="" class="form-control">
		      					<option value=""></option>
		      					<option value="">0-49人</option>
		      					<option value="">50-59人</option>
		      					<option value="">100-499人</option>
		      					<option value="">500-999人</option>
		      					<option value="">1000-2000人</option>
		      					<option value="">2000-5000人</option>
		      					<option value="">5000-10000人</option>
		      					<option value="">10000人以上</option>
		      				</select>
		      			</div>
		      		</div>
		      		<div class="form-group">
		      			<label class="control-label col-md-2"><span class="red">*</span> 擅长行业：</label>
		      			<label class="control-label col-md-3 text-left">基金/证券/期货/投资</label>
		      			<div class="col-md-3  input-hide">
		      				<input class="form-control" type="text" value="" />
		      			</div>
		      		</div>
		      		<div class="form-group">
		      			<label class="control-label col-md-2"><span class="red">*</span> 擅长职能：</label>
		      			<label class="control-label col-md-3 text-left">基金/证券/期货/投资</label>
		      			<div class="col-md-3  input-hide">
		      				<input class="form-control" type="text" value="" />
		      			</div>
		      		</div>
		      		<div class="form-group">
		      			<label class="control-label col-md-2">公司网站：</label>
		      			<label class="control-label col-md-3 text-left">http://www.xtkf.net</label>
		      			<div class="col-md-3  input-hide">
		      				<input class="form-control" type="text" value="http://www.xtkf.net" />
		      			</div>
		      		</div>
		      		<div class="form-group">
		      			<label class="control-label col-md-2"><span class="red">*</span> 合作企业：</label>
		      			<label class="control-label col-md-10 text-left">北京可口可乐有限公司是一家很不错的公司</label>
		      			<div class="col-md-10  input-hide">
		      				<textarea name="" rows="3" class="form-control" cols="">asfdasfasf</textarea>
		      			</div>
		      		</div>
		      		<div class="form-group">
		      			<label class="control-label col-md-2">公司简介：</label>
		      			<label class="control-label col-md-10 text-left">北京可口可乐有限公司是一家很不错的公司</label>
		      			<div class="col-md-10  input-hide">
		      				<textarea name="" rows="3" class="form-control" cols="">asfdasfasf</textarea>
		      			</div>
		      		</div>
		      		
		      	</div>
	      		<div class="text-center">
	      		<a class="btn btn-primary" href="#">保存</a>
	      		</div>
	      </div>
	     
	    </div>
	    
	</div>
	
	

</div>

<script src="../../Scripts/jquery.min.js"></script>
<script src="../../Scripts/bootstrap.min.js"></script>
<script src="../../Scripts/jquery.searchbox.animate.js"></script>
<script src="../../Scripts/bootstrap-datepicker.js"></script>
<script src="../../Scripts/base.js" type="text/javascript" charset="utf-8"></script>
<script>
	$(function(){
		//读取共用的头部和菜单文件
		$("#header").load("../public/head.html nav",function(){
			$('[data-toggle="tooltip"]').tooltip();  //头部鼠标划过提示
			$('.search-box').searchbox({speed:500}); //头部搜索
		});
		
		//只读表单修改和保存
		$(".JSpanel").on("click",".panel-heading a",function(e){
			e.preventDefault();
			var i = $(this).parents(".JSpanel");
			if($(this).html() == "修改"){
				i.find('.input-hide').removeClass("input-hide").addClass("input-show");
				i.find('.control-label.text-left').addClass("input-hide");
				$(this).html("保存");
			}else if($(this).html() == "保存"){
				i.find('.input-hide').removeClass("input-hide");
				i.find('.input-show').removeClass("input-show").addClass("input-hide");
				$(this).html("修改");
				$.alert('调用保存处理函数','alert-success');
			}
			
		})
		
		
		$('#datetimepicker1').datepicker({
	     	format: "yyyy-mm-dd"
	    });
	})
	
	
	
</script>

</body>
</html>
